﻿ <!DOCTYPE html>
 <html lang="en">

 <head>
 	<meta charset="utf-8">
 	<meta http-equiv="X-UA-Compatible" content="IE=edge">
 	<meta name="viewport" content="width=device-width, initial-scale=1">

 	<title> 帕帕兔卫浴官网 | 产品 </title>
	<meta name="keywords" content="帕帕兔卫浴,帕帕兔,淋浴房,淋浴房厂">
    <meta name="description" content="佛山市帕帕兔卫浴科技有限公司">

 	<!--Favicon-->
 	<link rel="icon" href="assets/img/favicon.ico" type="image/jpg" />
 	<!-- Bootstrap CSS -->
 	<link href="assets/css/bootstrap.min.css" rel="stylesheet">
 	<!-- Font Awesome CSS-->
 	<link href="assets/css/font-awesome.min.css" rel="stylesheet">
 	<!-- Line Awesome CSS -->
 	<link href="assets/css/line-awesome.min.css" rel="stylesheet">
 	<!-- Animate CSS-->
 	<link href="assets/css/animate.css" rel="stylesheet">
 	<!-- Bar Filler CSS -->
 	<link href="assets/css/barfiller.css" rel="stylesheet">
 	<!-- Magnific Popup Video -->
 	<link href="assets/css/magnific-popup.css" rel="stylesheet">
 	<!-- Flaticon CSS -->
 	<link href="assets/css/flaticon.css" rel="stylesheet">
 	<!-- Owl Carousel CSS -->
 	<link href="assets/css/owl.carousel.min.css" rel="stylesheet">
 	<!-- Style CSS -->
 	<link href="assets/css/style.css" rel="stylesheet">
 	<!-- Responsive CSS -->
 	<link href="assets/css/responsive.css" rel="stylesheet">

 	<!-- jquery -->
 	<script src="assets/js/jquery-1.12.4.min.js"></script>


 </head>

 <body>

 	<!-- Pre-Loader -->
 	<div id="loader">
 		<div class="loading">
 			<div></div>
 		</div>
 	</div>

 	<!-- Header Area -->

 	<!-- Header Area -->

 	<div id="style-2" class="header-area absolute-header">
 		<div class="sticky-area">
 			<div class="navigation">
 				<div class="container">
 					<div class="row">
 						<div class="col-lg-3">
 							<div class="logo" style="height: 100%;line-height: 80px;">
 								<!-- <a href="index.html"><img src="assets/img/logo-white.png" alt="帕帕兔logo"></a> -->
								<a href="index.html" style="font-size: 2.5rem; font-weight: lighter;">帕帕兔卫浴</a>
 							</div>
 						</div>
 						<div class="col-lg-7">
 							<div class="main-menu">
 								<nav class="navbar navbar-expand-lg">
 									<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
 										<span class="navbar-toggler-icon"></span>
 										<span class="navbar-toggler-icon"></span>
 										<span class="navbar-toggler-icon"></span>
 									</button>

 									<div class="collapse navbar-collapse justify-content-center" id="navbarSupportedContent">
 										<ul class="navbar-nav m-auto">
 											<li class="nav-item">
 												<a class="nav-link" href="index.html">首页
 													<span class="sub-nav-toggler">
 													</span>
 												</a>
 												<!-- <ul class="sub-menu">
 													<li><a href="index.html">首页</a></li>
 												</ul> -->
 											</li>
 											<!-- <li class="nav-item">
 												<a class="nav-link" href="#">Pages
 													<span class="sub-nav-toggler">
 													</span>
 												</a>
 												<ul class="sub-menu">
 													<li><a href="about.html">About</a></li>
 													<li><a href="choose-us.html">Why Choose Us</a></li>
 													<li><a href="team.html">Team</a></li>
 													<li><a href="price.html">Price</a></li>
 													<li><a href="faq.html">FAQ's</a></li>
 												</ul>
 											</li> -->
											
 											<li class="nav-item">
 												<a class="nav-link" href="services.html">服务
 													<span class="sub-nav-toggler">
 													</span>
 												</a>
 											</li>

 											<li class="nav-item">
 												<a class="nav-link active" href="portfolio.html">产品
 													<span class="sub-nav-toggler">
 													</span>
 												</a>
 												<!-- <ul class="sub-menu">
 													<li><a href="portfolio.html">Portfolio</a></li>
 													<li><a href="single-portfolio.html">Portfolio Details</a></li>
 												</ul> -->
 											</li>
 											<!-- <li class="nav-item">
 												<a class="nav-link" href="#">Blog
 													<span class="sub-nav-toggler">
 													</span>
 												</a>
 												<ul class="sub-menu">
 													<li><a href="blog.html">Blog</a></li>
 													<li><a href="single-blog.html">Blog Details</a></li>
 												</ul>
 											</li> -->
											<li class="nav-item">
 												<a class="nav-link" href="about.html">关于我们
 													<span class="sub-nav-toggler">
 													</span>
 												</a>
 											</li>
 											<!-- <li class="nav-item">
 												<a class="nav-link" href="contact.html">联系我们</a>
 											</li> -->
 										</ul>

 									</div>
 								</nav>
 							</div>
 						</div>
 						<div class="col-lg-2 text-right">
 							<div class="header-right-content">
 								<div class="header-btn main-btn"><a class="nav-link" href="contact.html">联系我们</a></div>
 							</div>
 						</div>
 					</div>
 				</div>
 			</div>
 		</div>
 	</div>

 	<!-- Breadcroumb Area -->

 	<div class="breadcroumb-area bread-bg" style="background-image: url(./assets/img/cover1.jpg);">
 		<div class="container">
 			<div class="row">
 				<div class="col-lg-12">
 					<div class="breadcroumb-title text-center">
 						<h1>产品</h1>
 						<h5><a href="index.html">首页</a> / 产品</h5>
 					</div>
 				</div>
 			</div>
 		</div>
 	</div>

 	<!-- Porftfolio Section -->

 	<!-- <div class="project-area section-padding pad-bot-0">
 		<div class="container-fluid">
 			<div class="offset-lg-2 col-lg-8 text-center">
 				<div class="section-title">
 					<h2>Our <b>Interior</b> & <b>Exterior</b> Work</h2>
 					<p>Combining Lorem ipsum dolor sit amet, consectetur adipisicing elit. <br> Repellendus laboriosam omnis cum.</p>
 				</div>
 			</div>
 		</div>
 		<div class="project-slider owl-carousel">
 			<div class="row">
 				<div class="col-lg-3 col-md-6 col-12">
 					<div class="single-project-item bg-cover project-bg">
 						<div class="project-inner">
 							<a href="single-portfolio.html" class="project-icon">
 								<i class="las la-plus"></i>
 							</a>
 							<div class="hover-info">
 								<h4>Exhibition Center <span>Interior</span></h4>
 							</div>
 						</div>
 					</div>
 				</div>
 				<div class="col-lg-3 col-md-6 col-12">
 					<div class="single-project-item bg-cover project-bg-2">
 						<div class="project-inner">
 							<a href="single-portfolio.html" class="project-icon">
 								<i class="las la-plus"></i>
 							</a>
 							<div class="hover-info">
 								<h4>Hall Room<span>Interior</span></h4>
 							</div>
 						</div>
 					</div>
 				</div>
 				<div class="col-lg-3 col-md-6 col-12">
 					<div class="single-project-item bg-cover project-bg-3">
 						<div class="project-inner">
 							<a href="single-portfolio.html" class="project-icon">
 								<i class="las la-plus"></i>
 							</a>
 							<div class="hover-info">
 								<h4>Residential Block<span>Interior</span></h4>
 							</div>
 						</div>
 					</div>
 				</div>
 				<div class="col-lg-3 col-md-6 col-12">
 					<div class="single-project-item bg-cover project-bg-4">
 						<div class="project-inner">
 							<a href="single-portfolio.html" class="project-icon">
 								<i class="las la-plus"></i>
 							</a>
 							<div class="hover-info">
 								<h4>Commercial Room<span>Interior</span></h4>
 							</div>
 						</div>
 					</div>
 				</div>
 			</div>
 		</div>
 	</div> -->

 	<!-- Achievement Section -->

 	<!-- <div id="style-2" class="achievement-area section-padding">
 		<div class="container">
 			<div class="row">
 				<div class="col-lg-3 col-md-6 col-sm-6">
 					<div class="single-counter-box">
 						<p class="counter-number"><span>1037</span></p>
 						<h6>Project Completed</h6>
 					</div>
 				</div>
 				<div class="col-lg-3 col-md-6 col-sm-6">
 					<div class="single-counter-box">
 						<p class="counter-number"><span>156</span></p>
 						<h6>Qualified Architect</h6>
 					</div>
 				</div>
 				<div class="col-lg-3 col-md-6 col-sm-6">
 					<div class="single-counter-box">
 						<p class="counter-number"><span>750</span>+</p>
 						<h6>Work Facilities</h6>
 					</div>
 				</div>
 				<div class="col-lg-3 col-md-6 col-sm-6">
 					<div class="single-counter-box">
 						<p class="counter-number"><span>30</span>+</p>
 						<h6>Worldwide Branches</h6>
 					</div>
 				</div>
 			</div>
 		</div>
 	</div> -->


 	<!-- Portfolio Area-->

 	<div id="portf-2" class="portfolio-area section-padding pad-bot-50">
 		<div class="container">
 			<div class="row">
 				<div class="col-lg-12 text-center">
 					<div class="section-title">
 						<h6>近期</h6>
 						<h2>我们最新的 <b>产品</b></h2>
 					</div>
 					<ul class="port-menu recent">
						<li data-filter="*" class="active">全部</li>
						<li data-filter=".shanxing">扇形</li>
						<li data-filter=".pingfengxing">屏风</li>
						<li data-filter=".zuanshixing">钻石型</li>
						<li data-filter=".fangxing">方型</li>
						<li data-filter=".txing">T型</li>
 					</ul>
 				</div>
 			</div>
 		</div>

 		<div class="container-fluid">
 			<div class="row">
 				<div class="col-lg-12">
					<div class="portfolio-list recent">
						<div class="single-portfolio-item mt-30 port-bg-1 design illustration shanxing"
							style="background-image: url(./assets/img/shanxing1.jpg);">
							<div class="portfolio-content">
								<h4 class="portfolio-title">FB系列</h4>
								<div class="portfolio-category">极窄边极简风 优质304不锈钢 防脱轨设计 条形对轴拉手</div>
							</div>
						</div>
						<div class="single-portfolio-item mt-30 port-bg-2 illustration brand pingfengxing"
							style="background-image: url(./assets/img/pingfengxing1.jpg);">
							<div class="portfolio-content">
								<h4 class="portfolio-title">FS系列</h4>
								<div class="portfolio-category">高端缓冲器 关门轻缓 安全性能好 导向块升级 防水效果更佳</div>
							</div>
						</div>
					
						<div class="single-portfolio-item mt-30 port-bg-3 design print zuanshixing"
							style="background-image: url(./assets/img/zuanshixing1.jpg);">
							<div class="portfolio-content">
								<h4 class="portfolio-title">VO2系列</h4>
								<div class="portfolio-category">绅士系列，沉稳内敛</div>
							</div>
						</div>
						<div class="single-portfolio-item mt-30 port-bg-4 illustration print brand zuanshixing"
							style="background-image: url(./assets/img/zuanshixing2.jpg);">
							<div class="portfolio-content">
								<h4 class="portfolio-title">FG系列</h4>
								<div class="portfolio-category">3C认证 10mm材质：SUS 304不锈钢 不锈钢开门</div>
							</div>
						</div>
						<div class="single-portfolio-item mt-30 port-bg-5 design illustration fangxing"
							style="background-image: url(./assets/img/fangxing1.jpg);">
							<div class="portfolio-content">
								<h4 class="portfolio-title">TO系列</h4>
								<div class="portfolio-category">全包框解决方案，简约大气</div>
							</div>
						</div>
						<div class="single-portfolio-item mt-30 port-bg-6 illustration brand fangxing"
							style="background-image: url(./assets/img/fangxing2.jpg);">
							<div class="portfolio-content">
								<h4 class="portfolio-title">FD系列</h4>
								<div class="portfolio-category">开关门不占空间 门框无缝拼接 万向滑轮、滑动轻盈</div>
							</div>
						</div>
					
						<div class="single-portfolio-item mt-30 port-bg-7 design print txing"
							style="background-image: url(./assets/img/txing1.jpg);">
							<div class="portfolio-content">
								<h4 class="portfolio-title">FI系列</h4>
								<div class="portfolio-category">铝材拼接组装形式 螺旋式调节座形式</div>
							</div>
						</div>
						<div class="single-portfolio-item mt-30 port-bg-8 illustration print brand txing"
							style="background-image: url(./assets/img/txing2.jpg);">
							<div class="portfolio-content">
								<h4 class="portfolio-title">FF系列</h4>
								<div class="portfolio-category">一门两用省空间 超宽浴巾拉手 极简1字玻璃夹</div>
							</div>
						</div>
					</div>
 				</div>
 			</div>
 		</div>
 	</div>


 	<!--Pricing Section -->

 	<!-- <div class="pricing-section gray-bg section-padding">
 		<div class="container">
 			<div class="row justify-content-center">
 				<div class="col-lg-12">
 					<div class="section-title text-center">
 						<h6>Pricing</h6>
 						<h2>Choose Your Package</h2>
 					</div>
 				</div>
 			</div>
 			<div class="row">
 				<div class="col-lg-4 col-md-6">
 					<div class="single-price-item wow fadeInLeft" data-wow-delay=".3s">
 						<h5>Standard</h5>
 						<div class="price-box">
 							<p><b>$75</b>/Sq Feet</p>
 							<p>Perfect for Residential Interior Design</p>
 						</div>
 						<div class="price-list">
 							<ul>
 								<li>Interior Design</li>
 								<li>Floor Planning</li>
 								<li>Home Decoration</li>
 								<li>Free Drawing</li>
 							</ul>
 						</div>
 						<div class="main-btn small-btn">Choose Plan</div>
 					</div>
 				</div>
 				<div class="col-lg-4 col-md-6">
 					<div class="single-price-item active wow fadeInUp" data-wow-delay=".4s">
 						<h5>Advance</h5>
 						<div class="price-box">
 							<p><b>$150</b>/Sq Feet</p>
 							<p>Perfect for Residential Interior Design</p>
 						</div>
 						<div class="price-list">
 							<ul>
 								<li>Interior Design</li>
 								<li>Floor Planning</li>
 								<li>Home Decoration</li>
 								<li>Free Drawing</li>
 							</ul>
 						</div>
 						<div class="main-btn small-btn">Choose Plan</div>
 					</div>
 				</div>
 				<div class="col-lg-4 col-md-6">
 					<div class="single-price-item wow fadeInRight" data-wow-delay=".5s">
 						<h5>Premium</h5>
 						<div class="price-box">
 							<p><b>$300</b>/Sq Feet</p>
 							<p>Perfect for Residential Interior Design</p>
 						</div>
 						<div class="price-list">
 							<ul>
 								<li>Interior Design</li>
 								<li>Floor Planning</li>
 								<li>Home Decoration</li>
 								<li>Free Drawing</li>
 							</ul>
 						</div>
 						<div class="main-btn small-btn">Choose Plan</div>
 					</div>
 				</div>

 			</div>
 		</div>
 	</div> -->

 	<!-- Testimonial Area -->

 	<!-- <div class="testimonial-area-2 section-padding">
 		<div class="overlay"></div>
 		<div class="container">
 			<div class="row">
 				<div class="col-lg-8 offset-lg-2">
 					<div class="testimonial-carousel owl-carousel">
 						<div class="single-testimonial-item">
 							<div class="testimonial-avatar">
 								<img src="assets/img/testimonial/5.jpg" alt="">
 							</div>
 							<div class="testimonial-content">
 								<div class="testimonial-icon-before"><i class="las la-quote-left"></i></div>
 								<p>There are some reason lorem ipsum dolor sit amet, consectetur adipisicing elit. Omnis, officia eligendi quos best choice similique autem laborum repellendus aliquam, support all molestiae tempora quod esse sed. amazing service.</p>
 								<div class="testimonial-icon-after"><i class="las la-quote-right"></i></div>
 								<h4>Mihir Kanti Ghosh <span>CEO &amp; Founder-Linking Park</span></h4>
 							</div>
 						</div>

 						<div class="single-testimonial-item">
 							<div class="testimonial-avatar">
 								<img src="assets/img/testimonial/4.jpg" alt="">
 							</div>
 							<div class="testimonial-content">
 								<div class="testimonial-icon-before"><i class="las la-quote-left"></i></div>
 								<p>There are some reason lorem ipsum dolor sit amet, consectetur adipisicing elit. Omnis, officia eligendi quos best choice similique autem laborum repellendus aliquam, support all molestiae tempora quod esse sed. amazing service.</p>
 								<div class="testimonial-icon-after"><i class="las la-quote-right"></i></div>
 								<h4>Mihir Kanti Ghosh <span>CEO &amp; Founder-Linking Park</span></h4>
 							</div>
 						</div>

 						<div class="single-testimonial-item">
 							<div class="testimonial-avatar">
 								<img src="assets/img/testimonial/3.jpg" alt="">
 							</div>
 							<div class="testimonial-content">
 								<div class="testimonial-icon-before"><i class="las la-quote-left"></i></div>
 								<p>There are some reason lorem ipsum dolor sit amet, consectetur adipisicing elit. Omnis, officia eligendi quos best choice similique autem laborum repellendus aliquam, support all molestiae tempora quod esse sed. amazing service.</p>
 								<div class="testimonial-icon-after"><i class="las la-quote-right"></i></div>
 								<h4>Mihir Kanti Ghosh <span>CEO &amp; Founder-Linking Park</span></h4>
 							</div>
 						</div>

 					</div>
 				</div>
 			</div>
 		</div>
 	</div> -->


 	<!-- clients Area-->
 	<div class="clients-area section-padding">
 		<div class="container">
 			<div class="row">
				<div id="clients-slider" class="clients-slider owl-carousel">
					<div class="item-clients-img">
						<img src="assets/img/clients/304.jpg" class="img-fluid" alt="clients-1">
					</div>
					<div class="item-clients-img">
						<img src="assets/img/clients/fangzhuang.jpg" class="img-fluid" alt="clients-2">
					</div>
					<div class="item-clients-img">
						<img src="assets/img/clients/jingyinhualun.png" class="img-fluid" alt="clients-3">
					</div>
					<div class="item-clients-img">
						<img src="assets/img/clients/xinyiboli.png" class="img-fluid" alt="clients-4">
					</div>
				</div>
 			</div>
 		</div>
 	</div>

 	<!-- Footer Area -->

	<footer class="footer-area">
		<div class="container">
			<div class="footer-up">
				<div class="row">
					<div class="col-lg-3 col-md-6 col-sm-12">
						<div class="logo">
							<!-- <a href="index.html"><img src="assets/img/logo-white.png" alt="archipix-logo"></a> -->
							<!--If you use text logo instead of img logo-->
							<!-- <a class="navbar-brand" href="index.html">帕帕兔淋浴房</a> -->
						</div>
						<div class="social-area">
							<!-- <a href=""><i class="lab la-facebook-f"></i></a>
						 							<a href=""><i class="lab la-instagram"></i></a>
						 							<a href=""><i class="lab la-twitter"></i></a>
						 							<a href=""><i class="la la-skype"></i></a> -->
						</div>
					</div>
					<div class="col-lg-3 col-md-6 com-sm-12">
						<h6>相关链接</h6>
						<div class="row">
							<div class="col-lg-6">
								<ul>
									<li>
										<a href="about.html">关于我们</a>
										<a href="services.html">服务</a>
										<a href="portfolio.html">产品</a>
										<a href="about.html">联系我们</a>
									</li>
								</ul>
							</div>
							<!-- <div class="col-lg-6">
	 								<ul>
	 									<li>
	 										<a href="#">News</a>
	 										<a href="#">Careers</a>
	 										<a href="#">Help Desk</a>
	 										<a href="#">Shop</a>
	 									</li>
	 								</ul>
	 							</div> -->
						</div>
					</div>
					<div class="col-lg-3 col-md-6 col-sm-12">
						<h6>联系方式</h6>
						<div class="contact-info">
							<p><i class="las la-clock"></i> 7 x 24小时</p>
							<p><i class="las la-map-marker"></i> 佛山市南海区大沥镇桂和路水头路段2号</p>
							<p><i class="las la-phone"></i> (+86)17605228100</p>
							<p><i class="las la-envelope"></i> 453227437@qq.com</p>
						</div>
					</div>
					<!-- <div class="col-lg-3 col-md-6">
	 						<div class="subscribe-form">
	 							<h6>Newsletter</h6>
	 							<form action="index.html">
	 								<input type="email" placeholder="Your email">
	 								<button class="main-btn">Subscribe</button>
	 							</form>
	 						</div>
	 					</div> -->
				</div>
			</div>
		</div>
	</footer>
	
	<div class="footer-bottom">
		<div class="container">
			<div class="row justify-content-center align-items-center">
				<div class="col-lg-6 col-md-6 col-sm-12">
					<p class="copyright-line">© 2023 佛山市帕帕兔卫浴科技有限公司</p>
				</div>
				<!-- <div class="col-lg-6 col-md-6 col-sm-12">
	 					<p class="privacy">Privacy Policy | Terms &amp; Conditions</p>
	 				</div> -->
			</div>
		</div>
	</div>

 	<!-- Scroll Top Area -->
 	<a href="#top" class="go-top"><i class="las la-angle-up"></i></a>


 	<!-- Popper JS -->
 	<script src="assets/js/popper.min.js"></script>
 	<!-- Bootstrap JS -->
 	<script src="assets/js/bootstrap.min.js"></script>
 	<!-- Wow JS -->
 	<script src="assets/js/wow.min.js"></script>
 	<!-- Owl Carousel JS -->
 	<script src="assets/js/owl.carousel.min.js"></script>
 	<!-- Isotope JS -->
 	<script src="assets/js/isotope-3.0.6-min.js"></script>
 	<!-- Way Points JS -->
 	<script src="assets/js/jquery.waypoints.min.js"></script>
 	<!-- Counter Up JS -->
 	<script src="assets/js/jquery.counterup.min.js"></script>
 	<!-- Magnific Popup JS -->
 	<script src="assets/js/magnific-popup.min.js"></script>
 	<!-- Sticky JS -->
 	<script src="assets/js/jquery.sticky.js"></script>
 	<!-- Progress Bar JS -->
 	<script src="assets/js/jquery.barfiller.js"></script>
 	<!-- Main JS -->
 	<script src="assets/js/main.js"></script>

 </body>

 </html>
